<script setup>

</script>

<template>
  <div class="pics">
    <!--   地址 -->
    <ul>
      <li>地址：天津市西青区宾水西道399号</li>
      <li>联系电话：022-4005-8461</li>
      <li>邮箱：1715642335@163.com</li>
      <li>公众号：</li>
      <li><img src="@/assets/imgs/public_account.jpg" width="30px" height="30px" style="padding-top:16px;margin-left: -50px"></li>
    </ul>
    <!--   电话 -->
    <!--   邮箱-->
    <!--   公众号 -->
  </div>
</template>

<style scoped>
.pics{
  width:100%;
  height: 60px;
  margin: 10px auto;
  background-color: #9b0d14;
  color: white;
}
.pics ul{
  display: flex;
  list-style: none;
}
.pics ul li{
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin-right: 90px;
  font-size: 18px;
}
.pics ul li:last-child{
  transform-origin: center;
  transition: transform 0.3s ease; /* 平滑过渡效果 */
}
.pics ul li:last-child:hover{
  transform: scale(2);
}
</style>